<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>
    <div>
        我是div标签
    </div>
    <script>
        // 事件的解绑和触发
        // 准备事件处理函数
        function handlerA() {
            console.log('我是handlerA事件')
        }

        function handlerB() {
            console.log('我是handlerB事件')
        }
        function handlerC() {
            console.log('我是handlerC事件')
        }
        // 1、off（）事件解绑
        $('div')
            .click(handlerA)
            .click(handlerB)
            .click(handlerC)

        //  1、off（）事件解绑
        // 1-1 解除全部事件处理函数
        // 语法：元素集合.off(’事件类型)
        // 会把div中的click事件对应的所有事件处理函数全部移除

        // $('div').off('click')

        // 1-2 解绑指定的事件处理函数
        // 语法：元素集合.off(事件类型，要解绑的事件处理函数)
        // 会把div中的click事件对应的handlerB事件处理函数移除
        $('div').off('click',handlerB)

        // 2、trigger()事件触发
        // 使用代码的方式，来触发事件
        // 语法：元素集合.trigger(事件类型)
        // 就会触发该元素的该事件
        // $('div').trigger('click')
        setInterval(function(){
        //   表示每秒中都会触发下事件
        $('div').trigger('click')
        },1000)
    </script>
</body>

</html>